<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>网易云阅读--海量新闻、精彩资讯、图书、免费小说、漫画，免费畅读</title>
<meta name="keywords" content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，好文章，电子书，免费杂志，网易，阅读，网易云阅读"/>
<meta name="description" content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。手机上支持Android、iPhone、iPad、Android"/>
<meta name="viewport" content="width=device-width"/>
<!-- reset -->
<link rel="stylesheet" href="./css/reset.css"/>
<!-- function -->
<link rel="stylesheet" href="./css/function.css">
<!-- 引入style -->
<link rel="stylesheet" href="./css/style.css"/>
<link rel="shortcut icon" href="./js/favicon.ico"/>
<!-- 先不考虑苹果系统 -->
<!-- <link rel="apple-touch-icon" href="img/touchicon.png"/> -->
</head>
<body>
<!--整个文档  -->
<div class="g-doc">
    <!-- 头部 -->
    <div class="g-hd">
         <!-- 顶部固定条 -->
         <div class="m-topbar">
            <div class="inner f-cb">
                <ul class="sns f-fl f-cb">
                    <li><a href="#">网易云阅读</a></li>
                    <li> <span class="sep">|</span></li>
                    <li><a href="#">国风中文网</a></a></li>
                    <li> <span class="sep">|</span></li>
                    <li><a href="#">采薇书院</a></li>
                    <li> <span class="sep">|</span></li>
                    <li><a href="#">从电脑上导入书籍</a></li>
                    <li> <span class="sep">|</span></li>
                    <li><a href="#" class="gzh">公众号</a>
                        <div class="m-codelayer">
                            <img src="./images/erweima.png" alt="" srcset="">
                        </div>
                    </li>
                </ul>
                
                <div class="ulink f-fr f-cb">
                    <span class="layer">
                        <a href="#" class="login">
                            登录 
                            <!-- login 图层 -->
                            <div class="login-layer">
                                <ul>
                                  <li><a href="#" class="child1">网易邮箱登录</a></li>
                                  <li><a href="#" class="child2">新浪微博登录</a></li>
                                  <li><a href="#" class="child3">手机号登录</a></li>
                                  <li><a href="#" class="child4">微信登录</a></li>
                                </ul>
                                <div class="sanjiao"><img src="./images/sanjiao.png" alt="" srcset=""></div>
                            </div>
                        </a> 
                    </span>
                    <span class="sep">|</span>
                    <a href="#">注册</a> 
                    <span class="sep">|</span>
                    <a href="#">举报</a> 
                </div>
            </div>
        </div>



        <!-- 顶部 -->
        <div class="m-top">
            <!-- 顶部居中 -->
            <div class="center">
                <!-- 最左边图标 -->
                <div class="png"></div>
                <!-- 搜索框 -->
                <div class="search">
                    <input type="search" id="searchBox" placeholder="唐诗里的烟火人间">
                    <button></button>
                </div>
                <!-- 最右边部分 -->
                <div class="right">
                    <div class="div1"><span>我的订阅</span></div>
                    <div class="div2"><span>我的书架</span></div>
                </div>
            </div>
        </div>


        <!-- 导航栏 -->
         <div class="m-navbar">
            <!-- 居中 -->
            <div class="nav">
                <!-- 左边列表 -->
                <div class="navleft">
                    <ul>
                        <li><a href="#"  class="first">首页</a></li>
                        <li><a href="#">出版图书</a></li>
                        <li><a href="#">国风中文网</a></li>
                        <li><a href="#">采薇书院</a></li>
                        <li><a href="#">排行榜</a></li>
                    </ul>
                </div>
                <!-- 右边 -->
                <div class="navright">
                    <ul>
                        <li><a href="#"  class="autor">作者中心</a></li>
                        <li><a href="#" class="money">充值</a></li>
                        <li><a href="#" class="client">客户端</a></li>
                    </ul>
                </div>
            </div>
         </div>
    </div>


    <!-- 中间部分 -->
    <div class="g-bd">
       <!--小说列表前两部分--> 
        <div class="g-mn">
             <!-- 带轮播图的最上面 -->
             <div class="center">
                <div class="left">
                    <div class="category">
                        <div class="show">
                            <h3>国风中文网</h3>
                            <ul>
                                <li class="red"><a href="#">都市生活</a></li>
                                <li class="sep">|</li>
                                <li class="red"><a href="#">官场职场</a></li>
                                <li class="sep">|</li>
                                <li><a href="#">玄幻仙侠</a></li>
                                <li><a href="#">悬疑探险</a></li>
                                <li class="sep" >|</li>
                                <li><a href="#">灵异恐怖</a></li>
                                <li class="sep">|</li>
                                <li><a href="#">短篇小说</a></li>
                            </ul>
                        </div>
                        <div class="hidden">
                            <p>
                                <a href="#">科幻奇妙</a>
                                <span class="sep">|</span>
                                <a href="#">科幻奇妙</a>
                                <span class="sep">|</span>
                                <a href="#">科幻奇妙</a>
                                <a href="#">科幻奇妙</a>
                            </p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="show">
                            <h3>采薇书院</h3>
                            <ul>
                                <li><a href="#">浪漫青春</a></li>
                                <li class="sep">|</li>
                                <li class="red"><a href="#">都市言情</a></li>
                                <li class="sep">|</li>
                                <li><a href="#">古风古韵</a></li>
                                <li><a href="#">穿越架空</a></li>
                                <li class="sep" >|</li>
                                <li class="red"><a href="#">宫斗宅斗</a></li>
                                <li class="sep">|</li>
                                <li><a href="#">种田重生</a></li>
                            </ul>
                        </div>
                            <div class="hidden">
                                <p>
                                    <a href="#">科幻奇妙</a>
                                    <span class="sep">|</span>
                                    <a href="#">科幻奇妙</a>
                                    <span class="sep">|</span>
                                    <a href="#">科幻奇妙</a>
                                    <a href="#">科幻奇妙</a>
                                </p>
                            </div>
                    </div>
                    <div class="category">
                        <div class="show">
                            <h3>图书</h3>
                            <ul>
                                <li class="red"><a href="#">小说作品</a></li>
                                <li class="sep">|</li>
                                <li class="red"><a href="#">人文社科</a></li>
                                <li class="sep">|</li>
                                <li><a href="#">成功励志</a></li>
                                <li><a href="#">经济管理</a></li>
                                <li class="sep" >|</li>
                                <li><a href="#">品质生活</a></li>
                                <li class="sep">|</li>
                                <li><a href="#">计算机</a></li>
                            </ul>
                        </div>
                        <div class="hidden">
                            <p>
                                <a href="#">科幻奇妙</a>
                                <span class="sep">|</span>
                                <a href="#">科幻奇妙</a>
                                <span class="sep">|</span>
                                <a href="#">科幻奇妙</a>
                                <a href="#">科幻奇妙</a>
                            </p>
                        </div>
                    </div>
                    <div class="none">
                        <h3>客户端下载</h3>
                        <span class="new"><a href="#">新用户全场免费畅读5天</a></span>
                        <p><a href="#"><span class="font">10w+原创小说</span><span class="sep">|</span><span class="font">8w+经典出版</span></a></p>
                    </div>
                </div>
                <div class="right">
                    <img src="./images/lunbotu.jpg">
                </div>
            </div>


            <div class="recommend">
                <div class="title">
                    <h2>主编推荐</h2>
                    <span class="story">小说</span>
                    <span class="sign">|</span>
                    <span class="book">图书</span>
                </div>
                <div class="chuizhi">
                    <div class="content">
                        <div class="list">
                            <img src="./images/story1.png">
                            <div class="line">
                                <span><a href="#" class="one">官道风云</a></span>
                                <p>风和暖阳</p> 
                                <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                <a href="#" class="last">立即阅读></a>
                            </div>
                        </div>
                        <div class="list">
                            <img src="./images/story2.png">
                            <div class="line">
                                <span><a href="#" class="one">官道风云</a></span>
                                <p>风和暖阳</p> 
                                <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                <a href="#" class="last">立即阅读></a>
                            </div>
                        </div>
                        <div class="list">
                            <img src="./images/story3.png">
                            <div class="line">
                                <span><a href="#" class="one">官道风云</a></span>
                                <p>风和暖阳</p> 
                                <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                <a href="#" class="last">立即阅读></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="g-sd">
            <div class="center">
                <div class="firstpart">
                    <div class="left">
                        <h2>国风中文网</h2>
                        <div class="flex">
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div> 
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div> 
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div> 
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div>
                        </div> 
                    </div>
                    <div class="right">
                        <h2>国风中文网畅销榜</h2>
                        <div class="ranking">
                            <ul>
                                <li><span class="number">01</span>都市沉浮</li>
                                <!-- <li class="floder">
                                    <span>01</span>
                                    <div class="right">
                                        <img>
                                    </div>
                                </li> -->
                                <li><span class="number">02</span>惊涛骇浪</li>
                                <li><span class="number">03</span>官场:从离婚后扶摇直上</li>
                                <li><span class="number">04</span>至尊天地</li>
                                <li><span class="number">05</span>另类保镖:龙潜都市</li>
                                <li><span class="number">06</span>官路迷局</li>
                                <li><img src="./images/ranking.png">查看更多</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="firstpart">
                    <div class="left">
                        <h2>采薇书院</h2>
                        <div class="flex">
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div> 
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div> 
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div> 
                            <div class="list">
                                <img src="./images/story3.png">
                                <div class="line">
                                    <span><a href="#" class="one">官道风云</a></span>
                                    <p>风和暖阳</p> 
                                    <p>天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌……</p>
                                    <a href="#" class="last">立即阅读></a>
                                </div>
                            </div>
                        </div> 
                    </div>
                    <div class="right">
                        <h2>采薇书院畅销榜</h2>
                        <div class="ranking">
                            <img src="./images/ranking.png">
                            <span>查看更多</span>
                        </div>
                    </div>
                </div>
                <div class="lastpart">
                    <div class="left">
                        <h2>精品图书</h2> 
                        <div class="total">
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                            <div>
                                <img src="./images/story1.png">
                                <h3>花都赘婿</h3>
                                <p>貌似纯洁</p>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <h2>图书畅销榜</h2>
                        <div class="ranking">
                            <img src="./images/ranking.png">
                            <span>查看更多</span>
                        </div>
                    </div>
                </div>
                <div class="bottom">
                    <h2>关于云阅读</h2>
                    <ul>
                        <li class="gz">
                            <a href="#"><span class="icon"></span></a>
                            <h3>网易云阅读</h3>
                            <h6>最受欢迎的阅读产品</h6>
                            <p>
                                <span>关注我们:</span>
                                <a href="#" class="wx"></a>
                                <a href="#" class="wb"></a>
                                <a href="#" class="yx"></a>
                            </p>
                            <a href="#" class="button">+关注</a>
                        </li>
                        <li class="gz">
                            <a href="#"><span class="icon"></span></a>
                            <h3>作者中心</h3>
                            <h6>原创、内容商</h6>
                            <p>
                                <span>招募作者</span>
                            </p>
                            <a href="#" class="button">投稿></a>
                        </li>
                        <li class="gz">
                            <a href="#"><span class="icon"></span></a>
                            <h3>客服中心</h3>
                            <h6>欢迎反馈宝贵意见给我们</h6>
                            <p>
                                <span>客服:0571-89853801</span>
                            </p>
                            <a href="#" class="button">意见反馈></a>
                        </li>
                        <li class="gz">
                            <a href="#"><span class="icon"></span></a>
                            <h3>商务合作</h3>
                            <h6>欢迎来电洽谈相关合作</h6>
                            <p>
                                <span>邮箱:</span>
                                <span>shangwuzu@wangyiwenxue.com</span>
                                <span>合作微信：</span>
                                <span>wyxs001/wyxs003/wyxs010</span>
                                <span>电话:0571-89853801</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="g-ft">
        <div class="m-index-cat">
            <div class="inner">
                <ul>
                    <li class="f1">
                        <h3>出版图书</h3>
                        <p>
                            <a href="#">小说作品</a>
                            <a href="#">人文社科</a>
                            <a href="#">成功励志</a>
                            <a href="#">经济管理</a>
                            <a href="#">品质生活</a>
                            <a href="#">计算机</a>
                            <a href="#">文学作品</a>
                            <a href="#">更多<span class="i"></span></a>
                        </p>
                    </li>
                    <li>
                        <h3>国风中文网</h3>
                        <p>
                            <a href="#">都市生活</a>
                            <a href="#">玄幻仙侠</a>
                            <a href="#">科幻奇幻</a>
                            <a href="#">军事谍战</a>
                            <a href="#">悬疑探险</a>
                            <a href="#">更多<span class="i"></span></a>
                        </p>
                    </li>
                    <li>
                        <h3>采薇书院</h3>
                        <p>
                            <a href="#">都市言情</a>
                            <a href="#">穿越架空</a>
                            <a href="#">种田重生</a>
                            <a href="#">宫斗宅斗</a>
                            <a href="#">古风古韵</a>
                            <a href="#">仙侠幻情</a>
                            <a href="#">浪漫青春</a>
                            <a href="#">更多<span class="i"></span></a>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="g-foot">
            <div class="inner">
                    <p class="p1">
                        <a href="#">网易首页</a>
                        <span class="sep">|</span>
                        <a href="#">公司简介</a>
                        <span class="sep">|</span>
                        <a href="#">客户服务</a>
                        <span class="sep">|</span>
                        <a href="#">相关法律</a>
                        <span class="sep">|</span>
                        <a href="#">网站导航</a>
                        <span class="sep">|</span>
                        <a href="#">意见反馈</a>
                        <span class="sep">|</span>
                        <a href="#">客服电话</a>
                        <span class="sep">|</span>
                        <a href="#">帮助中心</a>
                        <span class="sep">|</span>
                        <a href="#">作者中心</a>
                    </p>
                    <p class="p2">网易公司版权所有©1997-2024&nbsp;&nbsp;信息网络传播视听节目许可证号1908260  &nbsp;&nbsp;增值电信业务经营许可证B2-20090191</p>
                    <p class="p3">
                        <a href="#">
                            <img src="./images/icon-police.png">
                            粤公网安备44010602006299号
                        </a>
                        &nbsp;&nbsp;
                        <a href="#">
                            工业和信息化部备案管理系统网站
                        </a>
                    </p>
                    <p class="p4">
                        <span>分享到:</span>
                        <a href="#" class="wx"></a>
                        <a href="#" class="yx"></a>
                        <a href="#" class="wb"></a>
                        <a href="#" class="s3"></a>
                    </p>   
            </div>
        </div>
    </div>
</div>
</body>
</html>